.container-wrapper{
    padding-top: 77px;
}

.first-big-title-wrapper{
    width: 100%;
    background-color: #f0f0f0;
    padding: 46px 0;
}
.first-big-title-wrapper .title{
    text-align: center;
    font-size: 42px;
    letter-spacing: 2px;
    color: #1e2225;
}
.first-big-title-wrapper .split-line{
    margin: 0 auto;
    width: 240px;
    height: 1px;
    text-align: center;
    background-color: #1e2225;
}
.try-on-container{
    width: 1200px;
    margin: 0 auto;
}
.technology-introduce{
    position: relative;
    /*height: 860px;*/
    background: url('https://benyamin.gz.bcebos.com/static/technology_introduce/line-1_2.5D_img.png') no-repeat;
    background-position-y: 200px;
}

.first-column-wrapper{
    display: inline-block;
}
.technology-introduce .first-column{
    display: inline-block;
    width: 344px;
    height: 440px;
    /*padding-top: 60px;*/
    background: url('https://benyamin.gz.bcebos.com/static/technology_introduce/1_2.5D_img.png') no-repeat;
    background-position-y: 60px;
}
.technology-introduce .second-column{
    display: inline-block;
    margin-left: 28px;
    padding-top: 70px;
    vertical-align: top;
    width: 436px;
}
.second-column .introduce-text{
    padding: 0 7px;
    font-size: 22px;
    letter-spacing: 2px;
    line-height: 50px;
    color: #1e2225;
    background-color: #fff;
}
.second-column .introduce-text span{
    font-size: 38px;
    letter-spacing: 3px;
}
.second-column .picture{
    margin-top:50px;
    height: 494px;
    background: url('https://benyamin.gz.bcebos.com/static/technology_introduce/3_2.5D_img.png') #fff no-repeat;

}
.technology-introduce .third-column-wrapper{
    position: absolute;
    right: -20px;
    top: 60px;
    width: 312px;
}
.technology-introduce .third-column{
    margin-bottom: 15px;
    width: 312px;
    height: 366px;
    background: url('https://benyamin.gz.bcebos.com/static/technology_introduce/2_2.5D_img.png') #fff no-repeat;
}
.first-column-wrapper .try-on-category{
    width: 290px;
}
.try-on-category .title{
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 2px;
}
.try-on-category .split-line{
    margin: 0 auto;
    text-align: center;
    width: 100px;
    height: 1px;
    background-color: #1e2225;
}
.second-column .try-on-category{
    padding-top: 20px;
}
.advantage{
    padding-top: 140px;

}
.advantage .first-wrapper{
    position: relative;
}
.advantage .first-title{
    text-align: center;
    font-size: 25px;
    color: #2e2e2e;
    width: 650px;
    margin: 0 auto;
    padding-top: 16px;
    background-color: #5acaf8;
    box-shadow: 0px 0px 8px #333;
}
.advantage .first-title-blank-frame{
    width: 650px;
    height: 65px;
    position: absolute;
    top: 10px;
    left: 264px;
    border: 1px solid #2e2e2e;
}
.advantage .first-title span{
    font-size: 35px;
}
.advantage .triangle-down{
    margin: 30px auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #2E2E2E;
}
.advantage-point {
    text-align: center;
    padding-top: 25px;
}
.advantage-point .title{
    display: inline-block;
    padding-left: 26px;
    font-size: 30px;
    color: #00d2ff;
    vertical-align: text-top;
}
.advantage-describe{
    padding-top: 30px;
}
.advantage-describe p{
    font-size: 27px;
    color: #999;
    letter-spacing: 2px;
    line-height: 50px;
}
.advantage-describe span{
    font-size: 35px;
}
.advantage-describe .describe-image-wrapper{
    height: 350px;
    background: url('https://benyamin.gz.bcebos.com/static/technology_introduce/line-2_2.5D_img.png') no-repeat;
    background-position-y: 100px;
}
.describe-image-wrapper .describe-image{
    display: inline-block;
    /*width:;*/
}
.describe-image-wrapper .middle-column{
    margin: 0 150px;
}
.describe-image-wrapper .middle-column img{
    padding-top: 40px;
    vertical-align: text-top;
}
.advantage .second-title {
    text-align: center;
    font-size: 25px;
    letter-spacing: 2px;
    color: #2e2e2e;
    width: 650px;
    margin: 0 auto;
    padding-top: 16px;
    background-color: #cff8ff;
    box-shadow: 0px 0px 8px #333;
}
.advantage .second-title span {
    font-size: 35px;
}
.advantage .second-title-blank-frame {
    width: 650px;
    height: 65px;
    position: absolute;
    top: 10px;
    left: 264px;
    border: 1px solid #1bdcff;
}
.container-with-triangle-background{
    height: 1750px;
    background: url('https://benyamin.gz.bcebos.com/static/technology_introduce/Color%20blocks-4_2.5D_img.png') no-repeat;

}
.advantage-container{
    width: 1200px;
    margin: 0 auto;
}
.container-with-triangle-background .left-column,.container-with-triangle-background .right-column{
    display: inline-block;
    width: 512px;
    padding-top: 100px;

}
.container-with-triangle-background .right-column{
    padding-top: 200px;
}
.container-with-triangle-background .image-describe{
    margin-bottom: 160px;
}
.advantage-point3{
    width: 400px;
    margin: 0 auto;
}
.right-column{
    float: right;
}
.right-column .advantage-point2{
    margin: 0;
    width: 100%;
}
.right-column .advantage-point2 .advantage-describe {
    width: 390px;
    margin-left: 65px;
    margin-bottom: 160px;
}
.advantage-point3 .title {
    font-size: 35px;
    letter-spacing: 3px;
    padding-left: 10px;
}
.right-column .advantage-point2 .title {
    letter-spacing: 2px;
}
.advantage-point3 .advantage-describe p{
    letter-spacing: 5px;
    text-align: left;
}
.advantage-point3 .advantage-describe p.last-row{
    white-space: nowrap;
}
.right-column .advantage-point2 .advantage-describe p.last-row {
    text-align: center;
}
.advantage-point3 .advantage-describe {
    letter-spacing: 3px;
    width: 390px;
    margin-left: 10px;
}
.container-with-triangle-background .describe-text{
    margin-top: 100px;

}
.container-with-triangle-background .advantage-point4{
    margin-top: 300px;
}
.advantage-point4 .advantage-title{
    text-align: center;
    width: 550px;
    margin: 0 auto;
}
.advantage-point4 .advantage-title img{
    margin-right: 15px;
    vertical-align: sub;
}
.advantage-point4 .advantage-title-background{
    display: inline-block;
    width: 90px;
    height: 100px;
    background: url('https://benyamin.gz.bcebos.com/static/technology_introduce/0.3_2.5D.png') no-repeat;
}
.advantage-point4 .advantage-title .small-font{
    font-size: 28px;
    color: #00d2ff;
    letter-spacing: 5px;
}
.advantage-point4 .advantage-title .big-font{
    font-size: 42px;
    color: #00d2ff;
    letter-spacing: 5px;
}
.advantage-title .title-text-wrapper{
    display: inline-block;
}
.advantage-point4 .multiple-platform-support{
    margin: 0 auto;
    margin-top: 100px;
    width: 808px;
    height: 808px;
    border: 1px solid #808080;
    border-radius: 404px;
}
.platform-wrapper{
    margin-top: 230px;
}
.platform-wrapper .platform-ios,.platform-wrapper .platform-android,.platform-wrapper .platform-window{
    display: inline-block;
    margin-left: 135px;
}
.platform-name{
    font-size: 18px;
    color: #5f5f5f;
    font-family: initial;
    text-align: center;
    margin-top: 25px;
}
.multiple-platform-support-describe .title{
    text-align: center;
    margin-top: 65px;
    font-size: 30px;
}
.multiple-platform-support-describe .line{
     width: 64%;
     margin: 0 auto;
     height: 1px;
     background-color: #727272;
     position: relative;
 }
.multiple-platform-support-describe .line .dot{

    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #727272;
}
.multiple-platform-support-describe .line .left-dot{
    position: absolute;
    left: 30%;
    top: -2px;
}
.multiple-platform-support-describe .line .right-dot{
    position: absolute;
    left: 70%;
    top: -2px;
}
.multiple-platform-support-describe .line .text{
    position: absolute;
    background-color: #fff;
    left: 30%;
    top: -20px;
    width: 40%;
    letter-spacing: 4px;
}
.multiple-platform-support-describe .describe-detail{
    padding-top: 40px;
    font-size: 30px;
    text-align: center;
    color: #999;
    letter-spacing: 4px;
}
.browser-support{
    position: relative;
    margin-top: 140px;
}
.browser-support .title-big{
    text-align: center;
    font-size: 45px;
    letter-spacing: 27px;
    color: #a6f1ff;
}
.browser-support .title-small{
    position: absolute;
    left: 33%;
    top: 45%;
    text-align: center;
    font-size: 32px;
    letter-spacing: 26px;
    color: #00d2ff;
}
.browser-li-wrapper{
    padding-left: 42px;
    width: 900px;
    margin: 0 auto;
    margin-top: 50px;
}
ul{
    list-style: none;
    padding: 0;
}
.browser-li-wrapper ul li{
    display: inline-block;
    width: 181px;
    margin-left: 19px;
    margin-bottom: 80px;
    text-align: center;
}
.browser-li-wrapper .browser-icon{
    width: 116px;
    margin: 0 auto;
}
.browser-li-wrapper .browser-name{
    padding-top: 12px;
    font-size: 25px;
    font-family: -webkit-pictograph;
}
.browser-li-wrapper .browser-version{
    font-size: 15px;
    color: #999a9a;
}
.demo-wrapper{
    margin: 0 auto;
    width: 720px;
}
.demo-wrapper .demo{
     margin-bottom: 20px;
}

.demo-wrapper .demo .demo-link{
    margin-left: 28px;
    font-size: 18px;
    color: #393939;
}
.demo-wrapper .count-info{
    padding-top: 30px;
    text-align: center;
    font-size: 28px;
    color: #393939;
}
.count-info span img{
    margin-right: 14px;
}
.count-info .name,.count-info .password{
    margin-right: 50px;
}
.business-partner {
    margin-top: 105px;
    text-align: center;
    font-size: 25px;
    color: #747272;
}